import { StyleSheet } from 'react-native';

import size from './../common/common.style.js';

import {height , width} from './../common/size';

const styles = StyleSheet.create({
    wrapperContent:{
        height:height,
        backgroundColor:"#ececec"
    },
    banners:{
        height:size.$240,
        overflow:"hidden"
    },
    bannersInner:{

    },
    slider:{
        height:size.$240,
        width:size.$375,
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    sliderImage:{
        height:size.$240,
        width:size.$375,
    },
    pagContair:{
        position:"absolute",
        flexDirection:"row",
        bottom:size.$10,
        right:0,
        left:0,
        justifyContent: 'center',
    },
    activePag:{
        height:size.$9,
        width:size.$9,
        backgroundColor:"#f40",
        borderRadius:size.$9,
        marginLeft:size.$9,
        borderWidth:1,
        borderStyle:"solid",
        borderColor:"#f40"
    },
    defaultPag:{
        height:size.$9,
        width:size.$9,
        backgroundColor:"rgba(255,255,255,.4)",
        borderRadius:size.$9,
        marginLeft:size.$9,
        borderWidth:1,
        borderStyle:"solid",
        borderColor:"#ccc"
    },
    backUp:{
        height:size.$30,
        width:size.$30,
        position:"absolute",
        top:size.$24,
        left:size.$4,
        borderRadius:size.$30,
        zIndex:34
    },
    backUpImage:{
        height:size.$30,
        width:size.$30
    },
    title:{
        paddingLeft:size.$10,
        paddingRight:size.$10,
        paddingTop:size.$10,
        paddingBottom:size.$10,
        backgroundColor:"#fff"
    },
    titleText:{
        fontSize:size.$14,
        lineHeight:size.$18,
        fontWeight:"bold",
        color:"#3d4245"
    }
});

export default styles;